<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>Free Responsive Admin Theme - ZONTAL</title>
    <!-- BOOTSTRAP CORE STYLE  -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME ICONS  -->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- CUSTOM STYLE  -->
    <link href="assets/css/style.css" rel="stylesheet" />
    <!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <strong>你好， </strong>info@yourdomain.com
                &nbsp;&nbsp;
                <strong><a href="#">退出</a> </strong>+90-897-678-44
            </div>

        </div>
    </div>
</header>
<!-- HEADER END-->
<div class="navbar navbar-inverse set-radius-zero">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">

                <img src="assets/img/logo.png" />
            </a>

        </div>

        <div class="left-div">
            <div class="user-settings-wrapper">
                <ul class="nav">

                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                            <span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
                        </a>
                        <div class="dropdown-menu dropdown-settings">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="assets/img/64-64.jpg" alt="" class="img-rounded" />
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">Jhon Deo Alex </h4>
                                    <h5>Developer & Designer</h5>

                                </div>
                            </div>
                            <hr />
                            <h5><strong>Personal Bio : </strong></h5>
                            Anim pariatur cliche reprehen derit.
                            <hr />
                            <a href="#" class="btn btn-info btn-sm">Full Profile</a>&nbsp; <a href="login.html" class="btn btn-danger btn-sm">Logout</a>

                        </div>
                    </li>


                </ul>
            </div>
        </div>
    </div>
</div>
<!-- LOGO HEADER END-->
<section class="menu-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="navbar-collapse collapse ">
                    <ul id="menu-top" class="nav navbar-nav navbar-right">
                        <li><a class="menu-top-active" href="http://localhost:8083/money.html">我的支付宝</a></li>
                        <li><a href="ui.html">账户设置</a></li>
                        <li><a href="http://localhost:8083/dealinfo.html">交易记录</a></li>
                        <li><a href="http://localhost:8083/product.html">商品商城</a></li>
                        <li><a href="http://localhost:8083/coupon.html">商品优惠券</a></li>
                        <li><a href="http://localhost:8083/youhuijuanling.html">我的优惠券</a></li>
                        <li><a href="http://localhost:8083/recycle.html">回收站</a></li>

                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- MENU SECTION END-->
<div class="content-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h4 class="page-head-line">账户余额&nbsp;
                    <span id="money"></span>￥
                    &nbsp;&nbsp;&nbsp;
                        <a href="recharge-one.html">
                    <span class="label label-success" >充值</span>
                    </a>&nbsp;
                        <a href="withdraw-one.html">
                    <span class="label label-success" >提现</span>
                        </a>&nbsp;
                        <a href="transferpay-one.html">
                    <span class="label label-success" >转账</span>
                        </a>&nbsp;
                </h4>

            </div>

        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-success">
                    This is a simple admin template that can be used for your small project or may be large projects. This is free for personal and commercial use.
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="dashboard-div-wrapper bk-clr-one">
                    <i  class="fa fa-venus dashboard-div-icon" ></i>
                    <div class="progress progress-striped active">
                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                        </div>

                    </div>
                    <h5>Simple Text Here </h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="dashboard-div-wrapper bk-clr-two">
                    <i  class="fa fa-edit dashboard-div-icon" ></i>
                    <div class="progress progress-striped active">
                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                        </div>

                    </div>
                    <h5>Simple Text Here </h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="dashboard-div-wrapper bk-clr-three">
                    <i  class="fa fa-cogs dashboard-div-icon" ></i>
                    <div class="progress progress-striped active">
                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                        </div>

                    </div>
                    <h5>Simple Text Here </h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="dashboard-div-wrapper bk-clr-four">
                    <i  class="fa fa-bell-o dashboard-div-icon" ></i>
                    <div class="progress progress-striped active">
                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                        </div>

                    </div>
                    <h5>Simple Text Here </h5>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="notice-board">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Active  Notice Panel
                            <div class="pull-right" >
                                <div class="dropdown">
                                    <button class="btn btn-success dropdown-toggle btn-xs" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                        <span class="glyphicon glyphicon-cog"></span>
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Refresh</a></li>
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Logout</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body">

                            <ul >

                                <li>
                                    <a href="#">
                                        <span class="glyphicon glyphicon-align-left text-success" ></span>
                                        Lorem ipsum dolor sit amet ipsum dolor sit amet
                                        <span class="label label-warning" > Just now </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="glyphicon glyphicon-info-sign text-danger" ></span>
                                        Lorem ipsum dolor sit amet ipsum dolor sit amet
                                        <span class="label label-info" > 2 min chat</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="glyphicon glyphicon-comment  text-warning" ></span>
                                        Lorem ipsum dolor sit amet ipsum dolor sit amet
                                        <span class="label label-success" >GO ! </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="glyphicon glyphicon-edit  text-danger" ></span>
                                        Lorem ipsum dolor sit amet ipsum dolor sit amet
                                        <span class="label label-success" >Let's have it </span>
                                    </a>
                                </li>
                                </a>
                                </li>
                            </ul>
                        </div>
                        <div class="panel-footer">
                            <a href="#" class="btn btn-default btn-block"> <i class="glyphicon glyphicon-repeat"></i> Just A Small Footer Button</a>
                        </div>
                    </div>
                </div>
                <hr />
                <div class="text-center alert alert-warning">
                    <a class="btn btn-social btn-facebook" onclick="dealInfo2(3)">
                        <i class="fa fa-facebook"></i>&nbsp; 最近交易记录</a>
                    <a class="btn btn-social btn-google" onclick="dealInfo2(2)">
                        <i class="fa fa-google-plus"></i>&nbsp; 充值记录</a>
                    <a class="btn btn-social btn-twitter" onclick="dealInfo2(1)">
                        <i class="fa fa-twitter"></i>&nbsp; 提现记录 </a>
                </div>

                <hr />
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="tableOne">
                        <!--<table class="table table-striped table-bordered table-hover" id="tableTwo">-->
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <div class="alert alert-danger">
                    This is a simple admin template that can be used for your small project or may be large projects. This is free for personal and commercial use.
                </div>
                <hr />
                <div class="Compose-Message">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            Compose New Message
                        </div>
                        <div class="panel-body">

                            <label>Enter Recipient Name : </label>
                            <input type="text" class="form-control" />
                            <label>Enter Subject :  </label>
                            <input type="text" class="form-control" />
                            <label>Enter Message : </label>
                            <textarea rows="9" class="form-control"></textarea>
                            <hr />
                            <a href="#" class="btn btn-warning"><span class="glyphicon glyphicon-envelope"></span> Send Message </a>&nbsp;
                            <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-tags"></span>  Save To Drafts </a>
                        </div>
                        <div class="panel-footer text-muted">
                            <strong>Note : </strong>Please note that we track all messages so don't send any spams.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTENT-WRAPPER SECTION END-->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                &copy; 2015 YourCompany | By : <a href="http://www.designbootstrap.com/" target="_blank">DesignBootstrap</a>
            </div>

        </div>
    </div>
</footer>
<!-- FOOTER SECTION END-->
<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
<!-- CORE JQUERY SCRIPTS -->
<script src="assets/js/jquery-1.11.1.js"></script>
<!-- BOOTSTRAP SCRIPTS  -->
<script src="assets/js/bootstrap.js"></script>
<!-- 引入bootstrap-table的js-->
<script src="/assets/table/bootstrap-table.min.js"></script>
<script src="/assets/table/locale/bootstrap-table-zh-CN.min.js"></script>
<script>
    //根据时间倒序查询前七条数据--开始
    /*$("#dealInfo").click(function () {
        $('#tableOne').bootstrapTable({
            columns:[
                {checkbox:true,}, //复选框
                {field:'dealTime', title:'交易时间',width:100},
                {field:'dealObject',title:'交易人',width:100},
                {field:'dealMoney',title:'交易金额',width:100,sortable:true},
                {field:'dealStatus',title:'交易状态',width:100,
                    formatter:function(value,row,index){//value 当前字段值  row当前行的数据  index当前行
                        if(value==1){
                            return "交易成功";
                        }
                        return "交易失败";
                    }
                },
            ],
            showToggle:true,
            showColumns:true,
            showRefresh:true,
            url:'http://localhost:8086/dealinfo/getInfo',
            method:'get',
            sortable: false,                     //是否启用排序
            sortName:'proPrice',
            sortOrder:'asc',
            contentType:'application/x-www-form-urlencoded;charset=UTF-8',   //数据编码纯文本  offset=0&limit=5
            toolbar:'#tabToolBar',
        });
    })*/
    $(function(){
        $('#tableOne').bootstrapTable({
            columns:[
                {checkbox:true,}, //复选框
                {field:'dealTime', title:'交易时间',width:100},
                {field:'dealObject',title:'交易人',width:100},
                {field:'dealMoney',title:'交易金额',width:100,sortable:true},
                {field:'dealStatus',title:'交易状态',width:100,
                    formatter:function(value,row,index){//value 当前字段值  row当前行的数据  index当前行
                        if(value==1){
                            return "交易成功";
                        }
                        return "交易失败";
                    }
                },
            ],
            showToggle:true,
            showColumns:true,
            showRefresh:true,
            url:'http://localhost:8056/dealinfo/getInfo',
            method:'get',
            sortable: false,                     //是否启用排序
            sortName:'proPrice',
            sortOrder:'asc',
            contentType:'application/x-www-form-urlencoded;charset=UTF-8',   //数据编码纯文本  offset=0&limit=5
            toolbar:'#tabToolBar',
        });
    })


    //根据时间倒序查询前七条数据--结束

    $(function () {
        //查询账户余额--开始
        $.ajax({
            url:'http://localhost:8056/dealinfo/getUserAccountMoney',
            dataType:'json',
            success:function (data) {
                for (var i = 0;i<data.length;i++){
                    $("#money").text(data[i].account_amount)
                }
            }

        })
    })

    function dealInfo2(status) {
        if(status==1){
            mark(1);
        }
        if(status==2){
            mark(2);
        }
        if(status==3){
            mark(3);
        }
    }
    function mark(status) {

        $('#tableOne').bootstrapTable({
            columns:[
                {checkbox:true,}, //复选框
                {field:'dealTime', title:'交易时间',width:100},
                {field:'dealObject',title:'交易人',width:100},
                {field:'dealMoney',title:'交易金额',width:100,sortable:true},
                {field:'dealStatus',title:'交易状态',width:100,
                    formatter:function(value,row,index){//value 当前字段值  row当前行的数据  index当前行
                        if(value==1){
                            return "交易成功";
                        }
                        return "交易失败";
                    }
                },
            ],
            showToggle:true,
            showColumns:true,
            showRefresh:true,
            url:'http://localhost:8056/dealinfo/getTopUpInfo2?status='+status,
            method:'get',
            sortable: false,                     //是否启用排序
            sortName:'proPrice',
            sortOrder:'asc',
            contentType:'application/x-www-form-urlencoded;charset=UTF-8',   //数据编码纯文本  offset=0&limit=5
            toolbar:'#tabToolBar',
        });
        $('#tableOne').bootstrapTable('refresh');
    }

    /*function depositInfo2(status) {
        $('#tableOne').bootstrapTable({
            columns:[
                {checkbox:true,}, //复选框
                {field:'dealTime', title:'交易时间',width:100},
                {field:'dealObject',title:'交易人',width:100},
                {field:'dealMoney',title:'交易金额',width:100,sortable:true},
                {field:'dealStatus',title:'交易状态',width:100,
                    formatter:function(value,row,index){//value 当前字段值  row当前行的数据  index当前行
                        if(value==1){
                            return "交易成功";
                        }
                        return "交易失败";
                    }
                },
            ],
            showToggle:true,
            showColumns:true,
            showRefresh:true,
            url:'http://localhost:8056/dealinfo/getTopUpInfo2?status='+status,
            method:'get',
            sortable: false,                     //是否启用排序
            sortName:'proPrice',
            sortOrder:'asc',
            contentType:'application/x-www-form-urlencoded;charset=UTF-8',   //数据编码纯文本  offset=0&limit=5
            toolbar:'#tabToolBar',
        });
    }
    function topInfo2(status) {
        $('#tableOne').bootstrapTable({
            columns:[
                {checkbox:true,}, //复选框
                {field:'dealTime', title:'交易时间',width:100},
                {field:'dealObject',title:'交易人',width:100},
                {field:'dealMoney',title:'交易金额',width:100,sortable:true},
                {field:'dealStatus',title:'交易状态',width:100,
                    formatter:function(value,row,index){//value 当前字段值  row当前行的数据  index当前行
                        if(value==1){
                            return "交易成功";
                        }
                        return "交易失败";
                    }
                },
            ],
            showToggle:true,
            showColumns:true,
            showRefresh:true,
            url:'http://localhost:8056/dealinfo/getTopUpInfo2?status='+status,
            method:'get',
            sortable: false,                     //是否启用排序
            sortName:'proPrice',
            sortOrder:'asc',
            contentType:'application/x-www-form-urlencoded;charset=UTF-8',   //数据编码纯文本  offset=0&limit=5
            toolbar:'#tabToolBar',
        });
    }*/

</script>
</body>
</html>
